<template>
  <div class="plant thumb" @click="() => go(`/supplier/index`)">
    <div class="leftImg"><img v-lazy="publicUrl(`/images/logo.png`)" /></div>
    <div class="plant-right">
      <div class="top">
        <div class="top-left">
          <span class="title">云裁定制服装有限公司</span>
          <div class="location-icon">
            <img v-lazy="publicUrl(`/images/location.png`)" />
          </div>
          <span class="local">广州</span>
        </div>
        <div class="top-right" v-show="rightLogo">
          <div class="icon">
            <img v-lazy="publicUrl(`/images/user-avatar.png`)" />
          </div>
          <span class="online">厂长在线</span>
          <div class="chat thumb">
            <img v-lazy="publicUrl(`/images/chat.png`)" />
          </div>
          <div class="star thumb">
            <img v-lazy="publicUrl(`/images/star.png`)" />
          </div>
        </div>
      </div>

      <div class="second">
        <span>男式T恤男式卫衣男式休闲短裤</span>
        <div class="full"></div>
        <span>2400㎡</span>
        <div class="full"></div>
        <span>58员工</span>
      </div>

      <div class="third">
        <span>金牌制造</span>
        <div class="full"></div>
        <span>37%履约率</span>
        <div class="full"></div>
        <span>17%回头率</span>
      </div>

      <div class="four">
        <div class="circle">
          <div class="good"><img v-lazy="publicUrl(`/images/good.png`)" /></div>
          <span class="text">版型很好</span>
        </div>
        <div class="price">
          <span class="title">定制价格区间:</span>
          <span class="text">&nbsp;￥99-￥199</span>
        </div>
      </div>
      <div class="five">
        <div class="five-part thumb" title="服装MTM定制" @click.stop="()=>go(`/supplier/mtm/index?activeName=0`)">服装MTM定制</div>
        <div class="five-part thumb" title="面料供应商" @click.stop="()=>go(`/supplier/mtm/fabric/index?activeName=2`)">面料供应商</div>
        <div class="five-part thumb" title="现货供应商" @click.stop="()=>go(`/supplier/mtm/spot/index?activeName=1`)">现货供应商</div>
        <div class="five-part thumb" title="辅料供应商" @click.stop="()=>go(`/supplier/mtm/spot/ingredients?activeName=1`)">辅料供应商</div>
        <div class="five-part thumb" title="样衣面料册" @click.stop="()=>go(`/supplier/mtm/spot/clothes?activeName=1`)">样衣面料册</div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts" name="plant">
// import { ref } from "vue";
import { publicUrl } from "@/utils/util";

import {  useRouter } from "vue-router";


interface Props{
  rightLogo?:boolean   //工厂右边logo是否显示
}

withDefaults(defineProps<Props>(),{
     rightLogo:true
})

const router = useRouter();

const go = (path: string) => {
  router.push(path);
};




</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./pc.scss";
}
</style>
